<template>
  <div>
    <p>{{word}}</p>
    <button @click="changeJoke">点击切换笑话</button>
  </div>
</template>

<script>
export default {
  name: 'CodeApp',

  data() {
    return {
      word: "这是条笑话",
      jokeArr: ['我去相亲网站去了, 那你找到对象了吗? 不! 我找到了他们网站的一个Bug', '这个需求很简单, 怎么实现我不管, 明天上线', '程序员是推动这个世界进步的人']
    };
  },

  mounted() {
    
  },

  methods: {
    changeJoke(){
      let randomIndex=parseInt(Math.random()*this.jokeArr.length);
      this.word=this.jokeArr[randomIndex];
  }
  },
};
</script>

<style lang="scss" scoped>

</style>